<div class="content" v-loading="taskHistoryDetailLoading">
    <div class="content-header">
        <div class="breadcrumb">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{path:'/dashboard'}">Home</el-breadcrumb-item>
                <el-breadcrumb-item :to="{path:'/task/history/list'}">历史任务</el-breadcrumb-item>
                <el-breadcrumb-item>历史任务详情</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="title">历史任务详情</div>
    </div>
    <div class="content-body" v-show="!taskHistoryDetailLoading">
        <div>
            <h3 class="text-bold no-margin">{{taskHistoryDetail.group}}.{{taskHistoryDetail.name}}<el-button type="text" @click="$taskDetailDialog.open(taskHistoryDetail.name,taskHistoryDetail.group)"><i class="iconfont icon-detail"></i></el-button>
                <el-tag close-transition :type="taskHistoryDetail.execState === 'SUCCESS'?'success':taskHistoryDetail.execState === 'FAIL'?'danger':taskHistoryDetail.execState === 'VETOED'?'warning':'gray'">{{taskHistoryDetail.execState}}</el-tag>
            </h3>
        </div>
        <div class="spr"></div>
        <div>时间：{{$moment(taskHistoryDetail.firedTime).format("YYYY-MM-DD HH:mm:ss")}} | 执行方式：{{taskHistoryDetail.firedWay === "SCHEDULE"?"调度":taskHistoryDetail.firedWay === "MANUAL"?"手动":taskHistoryDetail.firedWay === "TMP"?"临时":taskHistoryDetail.firedWay === "LINKAGE"?"联动":"未知"}} | 执行节点：{{taskHistoryDetail.instanceId}} | 耗时：<span :class="{'text-danger text-bold':taskHistoryDetail.expendTime > 500}">{{taskHistoryDetail.expendTime}}ms</span></div>
        <div class="spr"></div>
        <div>
            <pre class="log" v-html="formatLogContent(taskHistoryDetail.log)"></pre>
        </div>
    </div>
</div>